<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        html，body{
            margin: 0;
            padding: 0;
            height: 100vh;
        }
        body{width: 100vw;
        height: 100vh;}
        div{position: relative;}
        div img{width: 32vw;
        height: 32vw;
        min-width: 36vw;
        max-width: 32vw;
       position: absolute;
       left:calc(50% - 100px/2);
       top:10vh;
       border-radius: 50%;
       }
       div form{margin-bottom:  20px;
       position: absolute;
       width: 220px;
       left: calc(50% - 220px/2);}
       #a{top: 35vh;
       border-bottom: 2px solid black;}
        #b{top: 43vh;
         border-bottom: 2px solid black;}
           #c{top: 53vh;}
        
     #a input {width: 160px;
       height: 35px;
       border: 1px solid white;
       border-radius: 5px;
     
       top:300px;}
    #b  input{width: 160px;
       height: 35px;
       color: gray;
       border: 1px solid white;
       border-radius: 5px;}
       #c {width: 220px;
       height: 35px; 
       background:limegreen;
       color: gray;
       border: 1px solid limegreen;
       border-radius: 5px;
       font-size: 18px;
       color: white;}
       #a label{font-size: 16px;}
        #b label{font-size: 16px;}
        p{position: absolute;
        top: 75vh;
        left:calc(50% - 64px/2);}
        span{position: absolute;
        top: 85vh;
        left:calc(50% - 80px/2);}
        a{text-decoration: none; 
        color: grey;}
        
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>
<body>
    <div>
       <img src="01.jpg" alt="">
      <form id="a">
          <label for="">账号：</label>
       <input  type="text" placeholder="请输入账号">
       <!--value=" 请输入账号"-->
       </form> <br>
      <form action=""id="b">
           <label for="">密码：</label>
       <input type="password"  placeholder="请输入密码">
       <!--value=" 请输入密码-->
       </form> <br>
      <form  id="c" action=""> <input id="c" type="button" value="登&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp录"></form>
       <p><a href="">忘记密码</a></p>
       <span>
           <a href="">注册新用户</a>
       </span>
    </div>
</body>
</html>